<template>
    <div class="all">
        <div class="scroll">
            <div >
            <span>
                在这里写入底部的文字内容
            </span>
            </div>
            <el-button type="primary" round>主要按钮</el-button>

        </div>


    </div>



</template>

<script>
export default {
name:"BottomButton"

}
</script>

<style scoped>
.all{
    /* width: 1200px; */
    display: inline-block;
    margin: 70px 0;
    overflow: hidden;
    /* visibility: hidden; */
}
span{
    font-size: 14px;
    /* line-height: 172px; */
}
button{
    margin: 30px;
}
@keyframes bounceInRight {	from, 60%, 75%, 90%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}	
0% {opacity: 0;transform: translate3d(2000px, 0, 0);}	
60% {opacity: 1;transform: translate3d(-25px, 0, 0);}	
75% {transform: translate3d(10px, 0, 0);}	
90% {transform: translate3d(-5px, 0, 0);}	
100% {opacity: 1;transform: none;}}

.yidong{
    /* width: auto;                                                                                                                                                                                                                                                                                                                                                                                                                                                                   */
    display: inline-block;
    animation: bounceInRight 2s 0.25s linear forwards;

}

</style>